﻿/* 
 * Example styles for Stlye Library 
 *
 * New tables, textboxes and images are created based on these rules.
 *
 * You can customize these default examples by adding/removing styles 
 * created with the Style Library.
 * Instead editing this file, you can create your own and set 
 * path in Web.Config "stylelibrary.examplescss" appSetting.
 * (The configured path is passed to Server.MapPath() function.)
 */
 
/* Tables */

table.Pricelist
{
	border-collapse: collapse;
	border-spacing: expression(cellSpacing=0);
	border-spacing: 0px;
	border-style: solid;
	border-width: 3px;
	border-color: #2b782b;
}

table.Pricelist td, table.Pricelist th
{
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 3px;
}

table.Pricelist tr.alt td, table.Pricelist tr.alt th
{
	background-color: #E1EDDF;
}

table.Pricelist th
{
	background-color: #2b782b;
	color: #ffffff;
}

table.Pricelist caption
{
	font-weight: bold;
	line-height: 200%;
}

table.Stats
{
	border-collapse: collapse;
	border-spacing: expression(cellSpacing=0);
	border-spacing: 0;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

table.Stats td, table.Stats th
{
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #000000;
	border-bottom-color: #000000;
	padding: 3px;
}

table.Stats tr.alt td, table.Stats tr.alt th
{
	background-color: #e1eddf;
}

table.Stats th
{
	background-color: #ffffff;
	color: #2b782b;
}

table.Grid
{
	border-collapse: collapse;
	border-spacing: expression(cellSpacing=0);
	border-spacing: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

table.Grid td, table.Grid th
{
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 4px;
}

table.Web
{
	border-collapse: separate;
	border-spacing: expression(cellSpacing=2);
	border-spacing: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
}

table.Web td, table.Web th
{
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	padding: 2px;
}

table.Classic
{
	border-collapse: separate;
	border-spacing: expression(cellSpacing=2);
	border-spacing: 2px;
	border-style: outset;
	border-width: 1px;
	border-color: #676767;
}

table.Classic td, table.Classic th
{
	border-style: inset;
	border-width: 1px;
	border-color: #676767;
	padding: 2px;
}

table.Pricelist2
{
	border-collapse: collapse;
	border-spacing: expression(cellSpacing=0);
	border-spacing: 0px;
	border-style: solid;
	border-width: 3px;
	border-color: #233294;
}

table.Pricelist2 td, table.Pricelist2 th
{
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	padding: 3px;
}

table.Pricelist2 tr.alt td, table.Pricelist2 tr.alt th
{
	background-color: #c3caf7;
}

table.Pricelist2 th
{
	background-color: #233294;
	color: #ffffff;
}

table.Pricelist2 caption
{
	font-weight: bold;
	line-height: 200%;
}

table.Stats2
{
	border-collapse: collapse;
	border-spacing: expression(cellSpacing=0);
	border-spacing: 0;
	border-style: solid;
	border-width: 1px;
	border-color: #233294;
}

table.Stats2 td, table.Stats2 th
{
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #233294;
	border-bottom-color: #233294;
	padding: 3px;
}

table.Stats2 tr.alt td, table.Stats2 tr.alt th
{
	background-color: #c3caf7;
}

table.Stats2 th
{
	background-color: #ffffff;
}

table.Layout
{
	border-collapse: separate;
	border-spacing: expression(cellSpacing=2);
	border-spacing: 2px;
}

table.Layout td, table.Layout th
{
	padding: 2px;
}

/* Images */

img.Frame
{
	border-style: solid;
	border-width: 3px;
	border-color: #233294;
	padding: 10px;
	background-color: #c3caf7;
}

img.Illustration
{
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
}

img.Photo
{
	border-style: ridge;
	border-width: 3px;
	border-color: #233294;
}

img.Frame2
{
	border-style: solid;
	border-width: 3px;
	border-color: #2b782b;
	padding: 10px;
	background-color: #e1eddf;
}

img.Photo2
{
	border-style: ridge;
	border-width: 3px;
	border-color: #2b782b;
}

img.Illustration2
{
	border-style: solid;
	border-width: 2px;
	border-color: #2b782b;
}

/* Textboxes */

div.Sidenote
{
	border-style: solid;
	border-width: 1px;
	border-color: #233294;
	padding: 2px;
}

div.Sidenote h2
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #233294;
	padding: 2px;
	background-color: #c3caf7;
	margin-top: -2px;
	margin-right: -2px;
	margin-left: -2px;
	font-family: Times New Roman, Times, serif;
	color: #000000;
}

div.Sidenote2
{
	border-style: solid;
	border-width: 1px;
	border-color: #2b782b;
	padding: 2px;
}

div.Sidenote2 h2
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #2b782b;
	padding: 2px;
	background-color: #e1eddf;
	margin-top: -2px;
	margin-right: -2px;
	margin-left: -2px;
	font-family: Times New Roman, Times, serif;
	color: #000000;
}

div.Quote
{
	font-size: 200%;
	font-style: italic;
	color: #7d7f96;
}

div.Quote h2
{
	padding-bottom: 3px;
	font-size: 100%;
	color: #000000;
	display: none;
}

div.Quote2
{
	padding-top: 5px;
	text-align: justify;
	font-size: 200%;
	color: #233294;
}

div.Quote2 h2
{
	margin-top: -5px;
	margin-right: 0;
	margin-left: 0;
	font-size: 100%;
	display: none;
}

div.DidYouKnow
{
	border-style: solid;
	border-width: 1px;
	border-color: #696969;
	padding: 4px;
	font-weight: bold;
	color: #696969;
}

div.DidYouKnow h2
{
	text-align: center;
	margin-top: -4px;
	margin-right: -4px;
	margin-left: -4px;
	color: #696969;
}

div.DidYouKnow2
{
	padding: 4px;
	font-weight: bold;
	color: #696969;
}

div.DidYouKnow2 h2
{
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	padding-bottom: 2px;
	margin-top: -4px;
	margin-right: -4px;
	margin-left: -4px;
	color: #696969;
}

